<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="../libs/jquery.mobile-1.4.4/jquery.mobile-1.4.4.min.css" />

    <script data-main="../js/app" src="../libs/requirejs/require.js"></script>
    <script type="text/javascript" src="phonegap.js"></script>
    <style type="text/css">
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;

        }
    </style>
</head>
<body>

<!--logon页面-->
<div data-role="page" id="logon" style="background-color: rgb(218,233,248);">
    <!--<div id="loading_page" style="position: absolute; width: 100%; height: 100%; background: white; z-index: 999;"></div>-->
    <div data-role="header" style="width: 100%;background-color: #f26647;height: 40px;display: -webkit-flex;display: flex;">
        <h1 style="color: #ffffff;font-family: Arial;font-size: 18px;font-weight: normal;padding: 0px;margin: auto">Log On</h1>
        <img src="../images/info1.png" alt="" class="ui-btn-right" style="width:20px;height:20px;margin:5px 5px">
    </div>
    <div id="logon_content" data-role="content" style="padding: 0px;height: 0px;overflow-y: scroll;-webkit-overflow-scrolling:touch">
        <div>
            <div style="padding: 10px">
                <ul data-role="listview" data-inset="true" style="margin: 0px;border-radius:0px">
                    <li style="border: 0px;padding: 0px">
                        <div style="width: 100%" ><img src="../images/log_on/title.png"  style="width: 100%;height: 129px" alt=""/></div>
                    </li>
                    <li style="border: 0px;padding: 0px">
                        <div style="margin: 10px">
                            <span style="font-family: Arial;font-size: 12px;font-weight: normal;color: #404040">Username</span>
                            <input type="text" id="logon_txt_username" style="width: 100%;height: 44px;font-family: Arial;font-weight: bold;color: #404040;padding: 14px;border: solid 1px #D2D2D2;border-radius: 0px"/>
                        </div>
                        <div style="margin: 10px">
                            <span style="font-family: Arial;font-size: 12px;font-weight: normal;color: #404040">Password</span>
                            <input type="password" id="logon_txt_password"  style="width: 100%;height: 44px;font-family: Arial;font-weight: bold;color: #404040;padding: 14px;border: solid 1px #D2D2D2;border-radius: 0px"/>
                        </div>
                    </li>
                    <li style="border: 0px;padding: 0px">
                        <div style="margin: 10px">
                            <button id="btn_logon" href="newsroom.html" data-transition="slide" style="background-color: #a3d963;color: #ffffff;font-family: Arial;font-weight: bold;border-radius: 0px;width: 100%;height: 36px;font-size: 14px;border: 0px;padding: 0px;margin: 0px">Log On</button>
                        </div>
                    </li>
                    <li style="border: 0px;padding: 10px;padding-bottom: 35px">
                        <div style="margin: 10px 0px">
                            Not activated yet?
                            <a href="active.html" data-transition="slide" data-inline="true" style="">
                                <img src="../images/log_on/icon_chevron_right.png" alt="" style="margin: -10px 15px;width: auto;height: 35px"/>
                            </a>
                        </div>
                        <div style="margin: 25px 0px">
                            Forgot your password?
                            <a href="forget_password.html" data-transition="slide" data-inline="true" style="">
                                <img src="../images/log_on/icon_chevron_right.png" alt="" style="margin: -10px 15px;width: auto;height: 35px"/>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>




</body>
</html>